﻿@charset "utf-8";
/*basic*/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a, img, th, td, form, fieldset, iframe, object, pre, code, legend, blockquote {
border:0 none;
margin:0;
outline:0 none;
padding:0;
list-style-type:none;
}
html{ font-size:16px; }
body{color:#333;font-size:16px;font-family:"Microsoft yahei"; background:#F2F2F2;}
.tt, .tt body {height: 100%;left: 0; overflow: hidden; position: absolute;top: 0;width: 100%; overflow:hidden;}
a{ color:#333; text-decoration:none;}
.box{ max-width:768px; margin:0 auto;}
.red{ color:#FE0000;}
.header{ background:url(../../Images/DailyTask/header_bg.png) no-repeat center; background-size:100% 100%; height:10.5rem;  box-sizing:border-box; color:#fff; overflow:hidden;}
.header h2{ margin:1.75rem 0px 0.7rem 0px;text-align:center;}
.header h2 img{ width:3.28rem; height:3.28rem; border-radius:50%; vertical-align:middle;}
.header_font01{ font-size:1rem; line-height:1rem;margin-bottom:0.7rem;text-align:center;}
.header_font02{ font-size:0.75rem; line-height:0.75rem;text-align:center;}
.header dl{ overflow:hidden; padding:0px 0.9375rem;}
.header dl dt{ overflow:hidden; height:5.25rem; line-height:5.25rem; box-sizing:border-box; border-bottom:1px solid #fff;}
.header dl dt h3{width:3.28rem; float:left; margin-right:0.875rem;}
.header dl dt h3 img{ width:3.28rem; height:3.28rem; border-radius:50%; vertical-align:middle;}
.header dl dt p{ font-size:1rem; float:left;}
.header dl dd{overflow:hidden; height:5.25rem;  box-sizing:border-box;}
.header dl dd p{ width:45%; float:left; text-align:center; overflow:hidden;}
.header dl dd p:nth-child(2){ float:right;}
.header dl dd p b{ display:block; font-size:0.875rem; line-height:0.875rem; margin:1.2rem 0rem; font-weight:200;}
.header dl dd p span{ display:block; font-size:0.75rem; line-height:0.75rem;}
.header_exchanger{overflow:hidden; text-align:center;}
.header_exchanger h3{ margin:2.8rem 0px 0.8rem 0px;text-align:center; font-size:1.25rem; line-height:1.25rem; color:#FDF9CA;}
.header_exchanger p:nth-child(2){ font-size:1rem; line-height:1rem; color:#FDF9CA; margin-bottom:1.25rem;}
.header_exchanger p:nth-child(3) img{ width:6.125rem; vertical-align:middle;}
.fenlei{ width:100%; overflow:hidden; border-bottom:1px solid #ccc;background:#fff;}
.fenlei li{ display:block; width:25%; float:left; height:4rem; box-sizing:border-box; text-align:center;}
.fenlei li:nth-child(1){ border-right:1px solid #ccc;}
.fenlei li:nth-child(2){ border-right:1px solid #ccc;}
.fenlei li:nth-child(3){ border-right:1px solid #ccc;}
.fenlei li h3{ margin-top:0.8rem; height:1.375rem; line-height:1.375rem; margin-bottom:0.3rem;}
.fenlei li h3 img{ vertical-align:middle; height:1.375rem;}
.fenlei li p{ font-size:0.75rem; color:#999;}
.fenlei li p b{ color:#000; margin-left:0.3rem;}
.ul_box{border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.ul_box li{ overflow:hidden; width:100%;border-bottom:1px solid #ccc;background:#fff;}
.ul_box li:last-child{ border-bottom:0px;}
.ul_box span{ display:block; float:left; height:4rem; box-sizing:border-box; text-align:center; line-height:4rem;}
.ul_box span:nth-child(1){ width:34%; text-align:left; padding-left:5%; font-size:0.8125rem;}
.ul_box span:nth-child(1) img{ vertical-align:middle; width:1.1875rem; margin-right:0.5rem;}
.ul_box span:nth-child(1) a{ color:#808080;}
.ul_box span:nth-child(1) a i{ font-style:normal;}
.ul_box span:nth-child(2){ width:58%; text-align:left; font-size:0.75rem; color:#CDCDCD;}
.ul_box span:nth-child(3){ width:8%; text-align:left;}
.ul_box span:nth-child(3) img{ vertical-align:middle; width:0.75rem;}
.ul_bottom{ margin-bottom:0.3rem;}
.calendar{ border-top:1px solid #ccc; margin-top:0.3rem;overflow:hidden; padding:0px 0.9375rem; background:#fff; }
.calendar_top{height:2.9rem; line-height:2.9rem; border-bottom:2px solid #E5E5E5; text-align:center;}
.calendar_top a{ display:inline-block;}
.calendar_top a img{ width:0.5rem;}
.calendar_top span{ display:inline-block; width:50%; font-size:0.75rem; color:#FE0000;}
.calendar_content{ width:100%; overflow:hidden; padding-top:0.8125rem;}
.calendar_content p{width:100%; overflow:hidden;margin-bottom:0.5rem;}
.calendar_content p span{ display:block; float:left; width:13%; margin-right:1.5%; height:1.625rem; line-height:1.625rem; text-align:center; font-size:0.75rem; color:#FE0000; font-weight:bold;}
.calendar_content p span:last-child{ margin-right:0px;}
.calendar_content div{width:100%; overflow:hidden;}
.calendar_content div span{ display:block; float:left; width:13%; margin-right:1.5%; height:1.625rem; line-height:1.62rem; text-align:center; font-size:0.75rem; color:#999999; font-weight:bold;
margin-bottom:0.5rem;}
.calendar_content div span:nth-child(7n+0){ margin-right:0px;}
.calendar_content div .qd_calendar{ background:url(../../Images/DailyTask/qd_calendar.jpg) no-repeat center; background-size:1.625rem 1.625rem; color:#40210C;}
.qh_record{ width:100%; background:#fff; padding:1.5rem 1.69rem; box-sizing:border-box; overflow:hidden;}
.qh_record li{ color:#B4B4B4; font-size:0.75rem; line-height:0.75rem; padding-left:0.875rem; border-left:1px solid #FE0000; height:2.375rem; position:relative;}
.qh_record li span{ display:block; width:0.6rem; height:0.6rem; border-radius:50%; background:#fff; border:1px solid #FE0000; position:absolute; left:-0.3rem; box-sizing:border-box;}
.qh_record li:last-child{ height:auto;}
.qh_record li:last-child span{ bottom:0px;}
.rule{ max-width:768px; margin:0 auto; background:#D12727 url(../../Images/DailyTask/rule_bg.png) no-repeat top center; background-size:100% auto; overflow:hidden;}
.rule h2{ width:100%;}
.rule h2 img{ width:100%; vertical-align:middle;}
.rule_content{ height:12rem;background-color:rgba(0,0,0,0.15); padding:1rem 1.18rem; margin:0px 0.9rem 2.25rem 0.9rem; box-sizing:border-box; color:#FFFFFF;}
.rule_content li { font-size:0.75rem; height:1.375rem; line-height:1.375rem; margin-bottom:0.5rem;}
.rule_content li img{ width:1.375rem; vertical-align:middle; margin-left:4px; position:relative; top:-0.2rem;}
.rule_bottom{font-size:1rem; font-weight:200; color:#FEFBCE; text-align:center; overflow:hidden; margin-bottom:2.25rem;padding:0px 0.9rem; box-sizing:border-box;}
.rule_bottom span{ display:block; width:28%; height:1rem; position:relative; float:left;}
.rule_bottom span:nth-child(1):before{ content:""; width:100%; height:2px; background:#B80000; position:absolute; left:0px; top:50%; margin-top:-1px;}
.rule_bottom span:nth-child(1):after{ content:""; width:0.375rem; height:0.375rem; background:#FDFACF; border-radius:50%; position:absolute; right:0px; top:50%; margin-top:-0.1875rem;}
.rule_bottom span:nth-child(2){ width:44%;line-height:1rem; font-size:1rem;}
.rule_bottom span:nth-child(3):before{ content:""; width:100%; height:2px; background:#B80000; position:absolute; left:0px; top:50%; margin-top:-1px;}
.rule_bottom span:nth-child(3):after{ content:""; width:0.375rem; height:0.375rem; background:#FDFACF; border-radius:50%; position:absolute; left:0px; top:50%; margin-top:-0.1875rem;}
.content{ max-width:768px; margin:0 auto; background:#D12727 url(../../Images/DailyTask/rule_bg.png) no-repeat top center; background-size:100% auto; overflow:hidden; position:relative;}
.content h2{ font-size:0.8125rem; font-weight:200; width:76.6%; margin:2.44rem auto 0px auto; text-align:center; height:2.44rem; line-height:2.44rem; background-color:rgba(0,0,0,0.15); border-radius:0.5rem;color:#fff;}
.content h2 span{ font-size:1rem;}
.content_font{font-weight:200;text-align:center; height:1.68rem; line-height:1.68rem; font-size:0.75rem; color:#FDFACD; margin-bottom:1.4rem;}
.content_font02{ overflow:hidden; text-align:center; margin-bottom:2rem;}
.content_font02 a{ display:inline-block; width:7.125rem;}
.content_font02 a:nth-child(1){ margin-right:1.5rem;}
.content_font02 a img{ width:100%; vertical-align:middle;}
.bgGray {background-color:#f2f2f2}
#lottery{ width:72.5%; margin:0 auto 1.9rem auto; position:relative; background:url(../../Images/DailyTask/lottery_bg.png) no-repeat bottom; background-size:100% auto; padding-bottom:1rem; overflow:hidden;}
#lottery img{ width:100%; vertical-align:middle;}
#dial{ width:100%;}
#pointer{ width:4rem; position:absolute; top:0px; left:50%; top:30%; margin-left:-2rem; cursor:pointer;}
.win{background:rgba(0, 0, 0, 0.9);height: 100%;left: 0;position: absolute;top: 0;width: 100%; max-width:768px;z-index:9999; display:none;
color:#fff;}
.win h3{ background:url(../../Images/DailyTask/win_img.png) no-repeat center; height:15.6rem; background-size:100% auto; box-sizing:border-box; padding-top:10.56rem; text-align:center; color:#FF0101; font-size:1.125rem; line-height:1.9rem;}
.win_font01{ text-align:center;font-size:1.125rem; line-height:1.9rem; color:#FDFACF; font-weight:bold; margin-bottom:0.5rem;}
.win_font02{ text-align:center;}
.win_font02 img{ width:10.25rem; vertical-align:middle;}
.win02{background:rgba(0, 0, 0, 0.9);height: 100%;left: 0;position: absolute;top: 0;width: 100%; max-width:768px;z-index:9999;
color:#fff;}
.win02 h3{ text-align:center; padding-top:5.56rem;}
.win02 h3 img{ width:11rem; vertical-align:middle;}

